
<div id="contacto">
       
       <form id="contactoForm">
            <table>
                
                <tr>
                    <td>Nombre</td>
                </tr>
                
                <tr>
                    <td>
                        <input id="nombrecontacto" type="text" id="nombrecontacto" size="30" >
                    </td>
                </tr>
                <tr>
                    <td>Email</td>
                </tr>
                <tr>
                    <td>
                        <input id="correo" type="email" id="correo" size="30">
                    </td>
                </tr>
                
                <tr>
                    <td>Envia tus comentarios </td>
                </tr>
                
                <tr>
                    <td>
                        <textarea name="descripcion" id="descripcion"  cols="30" rows="8"></textarea>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="button" onclick="obtenerComentario()" value="Enviar"/>
                    </td>
                </tr>
                
                
            </table>
            </form>
       
   </div>
<br/>
<div id="sucursal1" style="width:500px; height:280px;" ></div>

<script type="text/javascript">  
	$(function(){
           var latlng = new google.maps.LatLng(20.995547,-89.646018);
          var myOptions = {      
		zoom: 18,      
		center: latlng,      
		mapTypeId: google.maps.MapTypeId.HYBRID    
		};    
		var map = new google.maps.Map(document.getElementById("sucursal1"),        
		myOptions);}) ; 
	
</script>

